@charset "utf-8";
/* 清理浮动 */
.fr_clear:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fr_clear{
    zoom:1; /* for IE6 IE7 */
	clear:both;
}

.fr_main{
    width: 1000px;
    margin: 0 auto;
}

.fr_width{ width:1000px;}
.fr_center{ margin:0 auto;}

.ui_title20{font:bold 20px/1.5 tahoma,arial,Hiragino Sans GB,"Microsoft Yahei"}
.ui_title18{font:bold 18px/1.5 tahoma,arial,Hiragino Sans GB,"Microsoft Yahei"}
.ui_title16{font:bold 14px/1.5 tahoma,arial,Hiragino Sans GB,"Microsoft Yahei"}
.ui_title{font:bold 14px/1.5 tahoma,arial,Hiragino Sans GB,"Microsoft Yahei"}
.ui_txtiocn{font:normal 16px/30px "SimSun"}
.ui_txtless{font:normal 12px/1.5 tahoma,arial}

.ui_color1,a.ui_color1{ color:#333;}
.ui_color2,a.ui_color2{ color:#888;}
.ui_color3,a.ui_color3{ color:#ccc;}
.ui_color4,a.ui_color4{ color:#f17975;}
.ui_color5,a.ui_color5{ color:#08c;}
.ui_color6,a.ui_color6{ color:#f57403;}
.ui_color7,a.ui_color7{ color:#666;}
.ui_bg1{background:#eaeaea;}

.ui_hr{height:0; overflow:hidden; line-height:0; border-top:1px solid #CCC; margin:0; padding:0; display:block;}
.ui_load{ background:url(img/load.gif) no-repeat center center; display:inline-block; width:20px; height:20px;}

.ui_textarea1{ border:1px solid #CCC; border-radius:3px; line-height:22px; padding:5px; color:#666; background:#FFF; height:200px; box-sizing:border-box; resize:none;}
.ui_textarea1:disabled{ background:#e0e0e0;}
.ui_textarea1:focus{ border-color:#08c;}

/*选项*/
.ui_radio{ background:#CCC; border-radius:3px; height:30px; line-height:30px; padding:0 10px; display:inline-block; position:relative; cursor:pointer;}
.ui_radio em{display:none;}
.ui_radio.x{ background:#08c; color:#FFF;}
.ui_radio.x em{ display:block; position:absolute; right:-5px; top:-5px; width:18px; height:18px; line-height:18px; background:#fb8318; border-radius:50%; font-size:12px; text-align:center;}

/*列表*/
.ui_list1{ display:block;}
.ui_list1 li{ overflow:hidden; line-height:36px; height:36px; zoom:1; display:block; border-bottom:1px solid #f5f5f5;}
.ui_list1 li > span,.ui_list1 li > a,.ui_list1 li > em{ padding:0 5px;}

.ui_list2{ display:block; width:100%;}
.ui_list2 li{ overflow:hidden; zoom:1;}
.ui_list2 li > p{ float:left; width:20%; text-align:right; padding:6px 0; font-weight:bold;}
.ui_list2 li > div{ float:left; width:80%; text-align:left; padding:6px 0;}

.ui_TxtList1{ display:block;}
.ui_TxtList1 li{ display:block; border-bottom:1px dashed #CCC;}
.ui_TxtList1 li .colbox{ position:relative;}
.ui_TxtList1 li .name{ line-height:24px;}
.ui_TxtList1 li .times{ position:absolute; top:0; right:0; line-height:24px;}
.ui_TxtList1 li .img{ width:75px; height:75px; overflow:hidden; margin-right:10px;}
.ui_TxtList1 li .img img{ width:100%; height:100%;}
.ui_TxtList1 li p{ line-height:16px;}
.ui_TxtList1 li:hover{ background:#f0f0f0;}


/*菜单*/
.ui_nav1{display:block;}
.ui_nav1 > li{ position:relative;}
.ui_nav1 > li a{ display:block; color:#FFF; line-height:45px; padding:0 20px; font-weight:normal;}
.ui_nav1 > li:after{content:"|"; position:absolute; top:0; right:0; line-height:45px; color:#FFF; width:2px; text-align:center;}
.ui_nav1 > li a:hover{ background:#FF9E40;}

.ui_nav2{ display:block;}
.ui_nav2 > li{ display:block; background:#F0F0F0; border-bottom:1px solid #FFF; border-top:1px solid #d8d8d8;}
.ui_nav2 > li > a{ display:block; height:28px; line-height:28px; overflow:hidden; zoom:1;}
.ui_nav2 > li > a > i{ float:left; width:28px; height:28px; margin-left:10px; opacity:0.6;}
.ui_nav2 > li > a > span{ float:left; height:28px; line-height:28px; padding:0 0 0 5px; color:#666;}
.ui_nav2 > li > a:hover{ background:#ccc;}
.ui_nav2 > li > a:hover > span{ color:#08c;}
.ui_nav2 > li > a:hover > i{ opacity:1; filter:alpha(opacity=100);}

.ui_nav3{ display:block;}
.ui_nav3 > li{ display:block; overflow:hidden; zoom:1;}
.ui_nav3 > li > a{line-height:27px; font-size:12px; display:block;color:#666; text-indent:30px;}
.ui_nav3 > li > a:hover{ color:#F30}
.ui_nav3 > li ul{ display:block;}
.ui_nav3 > li ul li a{ line-height:35px; display:block; text-indent:50px; background:url(../imgs/Dian/004.gif) no-repeat 30px center; color:#666;}

.ui_nav5{ display:block;}
.ui_nav5 > li{ display:block; margin-top:5px; background:#FFF; padding:2px 0 2px 10px; border:1px solid #CCC; border-width:1px 0 1px 1px;}
.ui_nav5 > li a{ display:block; color:#666; width:100%; overflow:hidden; white-space:nowrap;}
.ui_nav5 > li a:hover{ color:#08c;}
.ui_nav5 > li ul{ display:block; padding-left:10px;}
.ui_nav5 > li ul li{ display:block; padding:2px 0; border-top:1px dashed #ccc;}


.ui_even > li:nth-of-type(even),.ui_even tr:nth-of-type(even),.ui_even dt:nth-of-type(even),.ui_even dd:nth-of-type(even){ background:#f2f2f2;} /*偶数行*/
.ui_hover li:hover,.ui_hover tr:hover{ background:#E5F7FF; transition:background 0.2s;}  /*鼠标经过*/

.ui_dl1{ display:block; width:100%; overflow:hidden; zoom:1;}
.ui_dl1 dt,.ui_dl1 dd{float:left; padding:6px 0; overflow:hidden;}
.ui_dl1 dt{width:20%; text-align:right;}
.ui_dl1 dd{width:80%; text-align:left;}

/*表格*/
.ui_table1{ width:100%; border:1px solid #CCC;}
.ui_table1 th{ background:#ddd; font-size:14px; font-weight:bold; font-family:Hiragino Sans GB,"Microsoft Yahei"; padding:6px 0;}
.ui_table1 td{ border-bottom:1px solid #d9d9d9; padding:5px 0;}

.ui_table1_bl th,.ui_table1_bl td{ border-left:1px solid #d9d9d9;}
.ui_table1_b0{ border:0;}

/*表格*/
.ui_tab1{ display:block; width:100%; border-bottom:1px solid #CCC;}
.ui_tab1 li{ display:inline-block; margin-right:10px; border:1px solid #CCC; border-bottom:0;  border-radius:3px 3px 0 0; background:#f6f6f6;}
.ui_tab1 li a{ display:inline-block; padding:5px 10px; cursor:pointer;}
.ui_tab1 li.x{ position:relative; top:1px; z-index:0; font-weight:bold;}

/*按扭*/
a.ui_but1,input.ui_but1,.ui_but1{ display:inline-block; border:1px solid #afafaf; background-color:#f3f3f3; color:#676d70; text-align:center; height:28px; line-height:28px; border-radius:3px; cursor:pointer; transition:all 0.2s;}
a.ui_but1:hover,input.ui_but1:hover,.ui_but1:hover{background-color:#fcfbfb;}
a.ui_but1:active,input.ui_but1:active,.ui_but1:active{position:relative; top:1px; box-shadow: 0px 1px 3px #666 inset;}

a.ui_but_bg1,input.ui_but_bg1,.ui_but_bg1{ background-color:#f57403; border-color:#d66500; color:#FFF;}/*橙色*/
a.ui_but_bg1:hover,input.ui_but_bg1:hover,.ui_but_bg1:hover{ background-color:#fb8318;}

a.ui_but_bg2,input.ui_but_bg2,.ui_but_bg2{ background-color:#006ba1; border-color:#154c67; color:#FFF;}/*蓝色*/
a.ui_but_bg2:hover,input.ui_but_bg2:hover,.ui_but_bg2:hover{ background-color:#007ab8;}

a.ui_but_bgx,input.ui_but_bgx,.ui_but_bgx{ background-color:#cacccd; border-color:#cacccd; color:#999; cursor:default;}
a.ui_but_bgx:hover,input.ui_but_bgx:hover,.ui_but_bgx:hover{ background-color:#cacccd;}
a.ui_but_bgx:active,input.ui_but_bgx:active,.ui_but_bgx:active{ position:static; top:0; box-shadow:0 0 0;}

/*动画*/
.ui_first_opacity1{animation:opacity1 1s infinite;-moz-animation:opacity1 1s infinite;-webkit-animation:opacity1 1s infinite;-o-animation:opacity1 1s infinite;} /*闪烁*/
@keyframes opacity1{0%{opacity:1;}50%{opacity:0.1;}100%{opacity:#1;}}
@-webkit-keyframes opacity1{0%{opacity:1;}50%{opacity:0.1;}100%{opacity:#1;}}
@-moz-keyframes opacity1{0%{opacity:1;}50%{opacity:0.1;}100%{opacity:#1;}}
@-o-keyframes opacity1{0%{opacity:1;}50%{opacity:0.1;}100%{opacity:#1;}}
.ui_first_rotate1{animation:rotate1 1s linear infinite;-moz-animation:rotate1 1s linear infinite;-webkit-animation:rotate1 1s linear infinite;-o-animation:rotate1 1s linear infinite;} /*旋转*/
@keyframes rotate1{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-webkit-keyframes rotate1{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes rotate1{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
@-o-keyframes rotate1{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(360deg);}}

.fr_w100{ width:100px}
.fr_w150{ width:150px}
.fr_w180{ width:180px}
.fr_mb10{ margin-bottom:10px;}
.fr_mb20{ margin-bottom:20px;}
.fr_mt10{ margin-top:10px;}
.fr_mt20{ margin-top:20px;}
.fr_ml10{ margin-left:10px;}
.fr_ml5{ margin-left:5px;}
.fr_ml20{ margin-left:20px;}
.fr_mr10{ margin-right:10px;}
.fr_mr20{ margin-right:20px;}
.fr_ma0{ margin:0;}
.fr_ps5{padding-top:5px; padding-bottom:5px;}
.fr_pz5{padding-left:5px; padding-right:5px;}
.fr_ps10{padding-top:10px; padding-bottom:10px;}
.fr_pz10{padding-left:10px; padding-right:10px;}
.fr_pz20{padding-left:20px; padding-right:20px;}
.fr_pl10{padding-left:10px;}
.fr_pl5{padding-left:5px;}
.fr_pr10{padding-right:10px;}
.fr_pr20{padding-right:20px;}
.fr_pt10{padding-top:10px;}
.fr_pt20{padding-top:20px;}
.fr_pb10{padding-bottom:10px;}
.fr_pb20{padding-bottom:20px;}
.fr_pa0{ padding:0;}
.fr_ti10{text-indent:10px;}
.fr_left{float:left;}
.fr_right{float:right;}

.fr_vt{vertical-align:top;}